﻿
@section HeadContent {

	<style type="text/css">
		#TabStrip .t-sprite
		{
			background-image: url('@Url.Content("~/Content/Common/sprite.png") ');
		}
		
		.icon-mvc            { background-position: 0 0; }
		.icon-mvc-grid       { background-position: 0 -16px; }
		.icon-mvc-menu       { background-position: 0 -32px; }
		.icon-mvc-panelbar   { background-position: 0 -48px; }
		.icon-mvc-tabstrip   { background-position: 0 -64px; }
	</style>

}

@{ 
    Html.Telerik().TabStrip()
        .Name("TabStrip")
		.Items(tabstrip => {
            tabstrip.Add()
                .Text("Overview")
                .SpriteCssClasses("icon-mvc");

            tabstrip.Add()
                .Text("Grid")
                .SpriteCssClasses("icon-mvc-grid");

            tabstrip.Add()
                .Text("Menu")
                .SpriteCssClasses("icon-mvc-menu");

            tabstrip.Add()
                .Text("PanelBar")
                .SpriteCssClasses("icon-mvc-panelbar");

            tabstrip.Add()
                .Text("TabStrip")
                .SpriteCssClasses("icon-mvc-tabstrip");
		})
        .Render();
}
